/**
 * 1. 样式都通过ID去限定
 * 2. 尽可能多使用直接子代选择器
 */


/**
 * Bootstrap扩展
 */


/**
*公共样式
*/

body {
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

@font-face {
    font-family: 'weijinsuo';
    src: url('../font/MiFie-Web-Font.eot') format('embedded-opentype'), url('../font/MiFie-Web-Font.ttf') format('truetype'), url('../font/MiFie-Web-Font.svg') format('svg'), url('../font/MiFie-Web-Font.woff') format('woff');
    /*src: url('../font/MiFie-Web-Font.eot') format('embedded-opentype'), url('../font/MiFie-Web-Font.svg') format('svg'), url('../font/MiFie-Web-Font.ttf') format('truetype'), url('../font/MiFie-Web-Font.woff') format('woff');*/
}
[class^="icon-"],[class*=" icon-"]{
  font-family: weijinsuo;
  /*font-style: normal;*/
}
.icon-mobilephone::before{
    content: "\e908";
    font-size: 13px;
}
.icon-telephone::before{
  content: "\e909";
  font-size: 15px;
}

.icon-logo::before {
  content: "\e93e";
}

.icon-icon::before {
  content: "\e920";
}

/*修改后的boostrp样式*/

.navba-itcast {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navba-itcast .navbar-brand {
  color: #777;
}
.navba-itcast .navbar-brand:hover,
.navba-itcast .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navba-itcast .navbar-text {
  color: #777;
}
.navba-itcast .navbar-nav > li > a {
  color: #777;
}
.navba-itcast .navbar-nav > li > a:hover,
.navba-itcast .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navba-itcast .navbar-nav > .active > a,
.navba-itcast .navbar-nav > .active > a:hover,
.navba-itcast .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navba-itcast .navbar-nav > .disabled > a,
.navba-itcast .navbar-nav > .disabled > a:hover,
.navba-itcast .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navba-itcast .navbar-toggle {
  border-color: #ddd;
}
.navba-itcast .navbar-toggle:hover,
.navba-itcast .navbar-toggle:focus {
  background-color: #ddd;
}
.navba-itcast .navbar-toggle .icon-bar {
  background-color: #888;
}
.navba-itcast .navbar-collapse,
.navba-itcast .navbar-form {
  border-color: #e7e7e7;
}
.navba-itcast .navbar-nav > .open > a,
.navba-itcast .navbar-nav > .open > a:hover,
.navba-itcast .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navba-itcast .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navba-itcast .navbar-nav .open .dropdown-menu > li > a:hover,
  .navba-itcast .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navba-itcast .navbar-nav .open .dropdown-menu > .active > a,
  .navba-itcast .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navba-itcast .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navba-itcast .navbar-nav .open .dropdown-menu > .disabled > a,
  .navba-itcast .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navba-itcast .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navba-itcast .navbar-link {
  color: #777;
}
.navba-itcast .navbar-link:hover {
  color: #333;
}
.navba-itcast .btn-link {
  color: #777;
}
.navba-itcast .btn-link:hover,
.navba-itcast .btn-link:focus {
  color: #333;
}
.navba-itcast .btn-link[disabled]:hover,
fieldset[disabled] .navba-itcast .btn-link:hover,
.navba-itcast .btn-link[disabled]:focus,
fieldset[disabled] .navba-itcast .btn-link:focus {
  color: #ccc;
}
/*修改end*/

/*头部区域*/

#header {
    /*height: 200px;*/
    /*background-color: #f0f0f0;*/
}

#header > .topbar {
    height: 40px;
    border-bottom: 1px solid #c0c0c0;
    line-height: 40px;
}

#header > .topbar > .container >.row > div {
  height: 40px;
  font-size: 12px;
  color: #888;
}

#header > .topbar > .container > .row > div + div {
  border-left:1px solid #c0c0c0;
}
/*#header > .topbar > .container > .row >div{
  height: 40px;
  background-color: red;
}
#header > .topbar > .container > .row >div:nth-of-type(2n+1){
  height: 40px;
  background-color: green;
}
*/

#header a {
  color: #888;
  /*text-decoration: none;*/
}
#header a:hover {
  text-decoration: none;
}

#header .mobile-link {
  font-size: 12px;
  color: #888;
}

#header .mobile-link > img {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -60px;
  top:30;
  z-index: 1001;
}

#header .mobile-link:hover >img{
  display: block;

}

#header .btn-itcast {
    color: #fff;
}
.btn-itcast {
    color: #ffffff;
    background-color: #E92322;
    border-color: #DB3B43;
}

#header .icon-icon {
  font-size: 50px;
  color: #E92322;
  line-height: 50px;
  vertical-align: middle;
}

#header .icon-logo {
  font-size: 32px;
  color: #333;
  line-height: 50px;
  vertical-align: middle;
}

.navbar-itcast {
  background-color: #fff;
  border-color: #f5f5f5;
  margin-bottom: 0;
}
.navbar-itcast .navbar-brand{
  color: #777;
  height: 80px;
}
.navbar-itcast .navbar-nav >li > a{
  font-size: 14px;
  line-height: 50px;
}

.navbar-itcast .navbar-nav > li > a:hover,
.navbar-itcast .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
  border-bottom: 2px solid #e92322;
}

.navbar-itcast .navbar-nav > .active > a,
.navbar-itcast .navbar-nav > .active > a:hover,
.navbar-itcast .navbar-nav > .active > a:focus {
  color: #555;
  background-color: transparent;
  border-bottom: 2px solid #E92322;
}

.navbar-itcast .navbar-toggle {
    border-color: #ddd;
    margin-top: 23px;
    margin-bottom: 23px;
}
.navbar-itcast .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-itcast .navbar-toggle:hover, .navbar-itcast .navbar-toggle:focus {
    background-color: #ddd;
}
/*end头部区域*/


/*测试样式*/
/*
section {
    height: 200px;
    background-color: #fff;
}*/

/*section:nth-of-type(2n) {
    background-color: #f5f5f5;
}*/


/*中间section区域*/
/* 轮播区域 */
#main_ad {}

#main_ad > .carousel-inner > .item {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (min-width: 768px) {
  /*å½“å±å¹•å®½åº¦å¤§äºŽ768æ—¶ï¼ˆæ­¤æ—¶ä½¿ç”¨å¤§å›¾ï¼‰æ‰ä¼šæ‰§è¡Œ*/
  #main_ad > .carousel-inner > .item {
    height: 410px;
  }
}

#main_ad > .carousel-inner > .item > img {
  width: 100%;
}


/*end中间section区域*/


/*脚注区域*/


/*end脚注区域*/
